<!DOCTYPE html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<title>会议室预约</title>
	<meta name="description" content="">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
	<meta http-equiv="cleartype" content="on">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/assets/meeting/css/style.css">
	<link rel="stylesheet" href="/meeting/assets/public/mobiscroll/css/mobiscroll.custom-3.0.0-beta2.min.css">
</head>
<body>
<div class="wraper normal" js="wapjs/meeting/js/meetingpanel">
	<div class="head clearfix">
		<a href="#" class="iconfont icon-zuo"></a>
		<span class="head-name">会议室面板</span>
		<a href="#" class="text-right">筛选</a>
	</div>
	<div class="lists status-box">
		<div class="status text-12 clearfix">
			<div class="status-block">
				<p>基本信息</p>
				<p class="circle circle-green"><span></span></p>
			</div>
			<div class="status-block">
				<p>参会人员</p>
				<p class="circle circle-green"><span></span></p>
			</div>
			<div class="status-block">
				<p>会议内容</p>
				<p class="circle"><span></span></p>
			</div>
			<div class="status-block">
				<p>预约</p>
				<p class="circle"><span></span></p>
			</div>
			<div class="status-block">
				<p>审核</p>
				<p class="circle"><span></span></p>
			</div>
		</div>
		<div class="line clearfix">
			<div class="status-line line-green"></div>
			<div class="status-line"></div>
			<div class="status-line"></div>
			<div class="status-line"></div>
		</div>
	</div>
	<div class="tab tab-three text-12 clearfix">
		<a href="#" class="tab-list visited">明天(07月16日)</a>
		<a href="#" class="tab-list">后天(07月17日)</a>
		<a href="#" class="tab-list">周一(07月18日)</a>
	</div>
	<div class="lists scroll-time text-12" id="scroll-1">
		<p>第一会议室<span class="color-list pull-right text-gray"><span class="color-block bg-white"></span>可预约时段</span></p>
		<div class="scroll-box">
			<div class="time-box clearfix">
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block more">
					<p>更多</p>
				</a>
			</div>
		</div>
	</div>
	<div class="lists scroll-time text-12" id="scroll-2">
		<p>第一会议室<span class="color-list pull-right text-gray"><span class="color-block bg-white"></span>可预约时段</span></p>
		<div class="scroll-box">
			<div class="time-box clearfix">
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block more">
					<p>更多</p>
				</a>
			</div>
		</div>
	</div>
	<div class="lists scroll-time text-12" id="scroll-3">
		<p>第一会议室<span class="color-list pull-right text-gray"><span class="color-block bg-white"></span>可预约时段</span></p>
		<div class="scroll-box">
			<div class="time-box clearfix">
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block">
					<p>07:00</p>
					<p>07:30</p>
				</a>
				<a href="#" class="time-block more">
					<p>更多</p>
				</a>
			</div>
		</div>

	</div>
</div>
<div class="pop-box">
	<div class="head clearfix">
		<a href="#" class="iconfont icon-zuo"></a>
		<span class="head-name">会议室面板</span>
		<a href="#" class="text-right">确定</a>
	</div>
	<div class="form-box">
		<p class="form-list clearfix">
			<span class="field">预约日期:</span>
			<input id="time" placeholder="请选择时间"/>
		</p>
		<p class="form-list clearfix">
			<span class="field">会议室名称:</span>
			<input placeholder="请输入会议室名称"/>
		</p>
	</div>
	<div class="lists">
		<p class="title">会议室类型</p>
		<div class="label-box text-12 clearfix">
			<a href="#" class="label actived">大型会议室</a>
			<a href="#" class="label">中型会议室</a>
			<a href="#" class="label">小型会议室</a>
			<a href="#" class="label">报告厅</a>
			<a href="#" class="label">教室</a>
		</div>
	</div>
	<div class="lists">
		<p class="title">会议室区域</p>
		<div class="label-box text-12 clearfix">
			<a href="#" class="label actived">下沙</a>
			<a href="#" class="label">仓前</a>
		</div>
	</div>
</div>
<script type="text/javascript" src="/assets/public/seajs/sea.js"></script>
<script enter="publicjs/public" id="confnode" async="async" src="/assets/public/config.js"></script>
</body>
</html>